//在scss中可以声明@mixin来使用saass的一个规则集中,提高代码的重复使用率
@mixin blue{
    background-color: #26a2ff;
}
@mixin gray{
    background-color:#666;
}
@mixin white{
    background-color: #f1f1f1;
}
//设置字体大小的颜色
@mixin font-size-color($size, $color){
    font-size: $size;
    color: $color;
}
//设置宽高
@mixin width-height($width,$height){
    width: $width;
    height: $height;
}
//设置左右居中
@mixin center-lr{
    position: absolute;
	left: 50%;
    transform: translateX(-50%);
}
//设置上下居中
@mixin center-tb{
    position: absolute;
	top: 50%;
    transform: translateY(-50%);
}
//定位上下左右居中
@mixin center {  
	position: absolute;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}